<div id="forecast" v-show="display">
 
 





<div>

	<!-- Nav tabs -->
	<ul class="nav nav-tabs" role="tablist">
		<li role="presentation" class="active"><a href="#home1" aria-controls="home1" role="tab" data-toggle="tab">交通状态数据统计</a></li>
		<li role="presentation"><a href="#profile1" aria-controls="profile1" role="tab" data-toggle="tab">交通流预测</a></li>
	 	<li role="presentation"><a href="#profile2" aria-controls="profile2" role="tab" data-toggle="tab">K-means</a></li>
	</ul>

	<!-- Tab panes -->
	<div class="tab-content">
		<div role="tabpanel" class="tab-pane active" id="home1">

			<!--统计-->
				<div  class="panel panel-default" style="margin-top:20px;">
					<div class="panel-heading">今日状态信息</div>
					    	 
				</div>
			<!--统计-->
		</div>
		<div role="tabpanel" class="tab-pane active" id="profile2">

			<!--统计-->
				<div  class="panel panel-default" style="margin-top:20px;">
					<div class="panel-heading">数据清洗</div>
					<div id="clean">

					</div>
				</div>
			<!--统计-->
		</div>
		<div role="tabpanel" class="tab-pane" id="profile1" style="margin-top:20px;">
				<!--forecast-->
					<div  class="panel panel-default">
					  <div class="panel-heading">当前道路信息</div>
					    	<table class="table">
								<tr>
									<th>路名</th>
									<th>采样车辆</th>
									<th>道路状态</th>
								</tr>
								<tr>
									<td>永兴路</td>
									<td>45</td>
									<td>畅通</td>
								</tr>
								</table>
					</div>
					<div class="panel panel-default">
					  <div class="panel-heading">预测参数设定</div>
					  <div class="panel-body">
					    <form class="form-horizontal">
						  <div class="form-group">
						    <label for="inputEmail3" class="col-sm-3 control-label">预测周期</label>
						    <div class="col-sm-9">
						      <div class="checkbox" style="float:left">
						        <label>
						          <input type="checkbox"> 5 min
						        </label>
						      </div>
						      <div class="checkbox" style="float:left;margin-left:10px;">
						        <label>
						          <input type="checkbox"> 10 min
						        </label>
						      </div>
						      <div class="checkbox" style="float:left;margin-left:10px;">
						        <label>
						          <input type="checkbox"> 15 min
						        </label>
						      </div>
						    </div>
						  </div>
						  <div class="form-group">
						    <label for="inputPassword3" class="col-sm-3 control-label">缓存设置</label>
						    <div class="col-sm-9">
						     <div class="checkbox" style="float:left">
						        <label>
						          <input type="checkbox"> 直接读取缓存
						        </label>
						      </div>
						      <div class="checkbox" style="float:left;margin-left:10px;">
						        <label>
						          <input type="checkbox"> 重新更新缓存
						        </label>
						      </div>
						    </div>
						  </div>
						  <div class="form-group">
						    <label for="inputPassword3" class="col-sm-3 control-label">聚类条件</label>
						    <div class="col-sm-9">
						      <div class="input-group">
								  <span class="input-group-addon">小于</span>
								  <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
								  <span class="input-group-addon">Km时退出</span>
								</div>
						    </div>
						  </div>
						 
						</form>
					  </div>
					</div>
					<div class="panel panel-default" style="border:0">
					  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">开始预测</button> <button type="button" class="btn btn-default">终止计算</button>
					</div>						
				<!--forecast-->
		</div>
	 
	</div>

</div>



 
</div>